<template>
  <div>
    <div class="insuranceHeader">
      <TopBar style="background:transparent;color:#fff"></TopBar>
    </div>
    <Item v-for="(item, index) in dataList" :key="index" :item="item"></Item>
    <div class="bg"></div>
  </div>
</template>
<script>
import {getSDK} from '../../../service/wxShare.js'//非组件需要添加wxshare.js
import TopBar from '../../component/common/TopBar';
import Item from './children/InsuranceItem';

export default {
  components:{
    TopBar,
    Item
  },
  data(){
    return {
      dataList:[
        {
          name:'极致重疾险',
          title:'超低保费、覆盖50种重大疾病',
          url:'https://open.iancar.cn/srkph6/personal/index.html?originCode=bizhuan&userId=669920'
        },
        {
          name:'娘娘吉祥女性重疾险',
          title:'0免赔、低保费、高保障',
          url:'https://open.iancar.cn/srkph6/wedoctor/female-index.html?originCode=bizhuan&userId=669919'
        },
        {
          name:'顶梁柱男性重疾险',
          title:'守护人生—从我做起',
          url:'https://open.iancar.cn/srkph6/wedoctor/male-index.html?originCode=bizhuan&userId=669918'
        },
        {
          name:'弘康哆啦A保重疾险',
          title:'多次赔付重疾轻症',
          url:'http://weixin.hongkang-life.com/View/page/dbb/pro_feature.html?sr=JDYUTAIBXJJ&user_id=27180'
        },
        {
          name:'平安常青树2017款',
          title:'打破常规，涵盖您所需，保障家庭共享',
          url:'https://open.iancar.cn/srkph6/medicare/details.html?productId=5&originCode=bizhuan&userId=669924'
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
  @import '../../../style/mixin.less' ;

  .insuranceHeader{
    .wh(10rem,4.8267rem);
    background: url('../../../../static/assets/insurance1.jpg') 100% 100% no-repeat;
    background-size: 100%;
    margin-bottom: .3rem;
  }
  .bg{
    .wh(4.5867rem,6.04rem);
    background: url('../../../../static/assets/insurance2.png') 100% 100% no-repeat;
    background-size: 100%;
    position: absolute;
    top: 10.4rem;
    right: .2rem;
  }
</style>
